
import React from "react";


/*导出组件*/
export default class Limit_item extends React.Component {
    constructor(props) {
        super(props)
        this.state={
        }
         this.context = {}
    }

    componentWillMount() {
        // this.props.item.map((context,index)=>{
        //     this.name.push(context.name)
        // });
        //
        // this.setState({
        //     name : this.name,
        //     roid : this.props.item[0].roleId,
        //     enid : this.props.item[0].enId
        // });
        this.context=this.props.item
    }

    edit(id){
        this.props.edit(id);
    }
    deletz(id,enid){
        this.props.deletz(id,enid);
    }

    render() {
        return (
            <li className="limit_duty_tb" >
                <span className="limit_duty_nor limit_duty_ts1">{this.context.name}</span>
                <span className="limit_duty_nor limit_duty_ts2">{this.context.used.length}人</span>
                <span className="limit_duty_nor limit_duty_ts3">{this.context.users}</span>
                <div className="limit_duty_nor limit_duty_ts4">
                    <i className="limit_duty_i limit_duty_bg2" onClick={this.edit.bind(this,this.context.roleid.rid)} />
                    <i className="limit_duty_i limit_duty_bg4" onClick={this.deletz.bind(this,this.context.roleid.rid,this.context.roleid.enid)} />
                </div>
            </li>
        )

    }
}
